<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>Change Password</title>
		<style type="text/css">
			.FieldErrorMsg {
				color: red;
			}
		</style>
	</head>
	<body>
		<%@ include file="HeaderStaff.jsp" %>
		<center>
			<form action="EmployeeChangePassword" method="post">
				<table border='0' cellpadding='5' cellspacing='5'>
					<tr align='left'>
						<td colspan='3'>
							<div style="color:green;">
								${requestScope.OverallErrorMsg}&nbsp;
							</div>
						</td>
					</tr>
					<tr align='left'>
						<td></td>
						<td colspan='2'><b>Change Password</b></td>
					</tr>
					<tr align='left'>
						<td>Old Password:</td>
						<td>
							<input type="password" name="OldPassword" />
						</td>
						<td>
							<div class="FieldErrorMsg">
								${requestScope.OldPasswordErrorMsg}
							</div>
						</td>
					</tr>
					<tr align='left'>
						<td>Enter New Password:</td>
						<td>
							<input type="password" name="NewPasswordA" />
						</td>
						<td>
							<div class="FieldErrorMsg">
								${requestScope.NewPasswordAErrorMsg}
							</div>
						</td>
					</tr>
					<tr align='left'>
						<td>Retype New Password:</td>
						<td>
							<input type="password" name="NewPasswordB" />
						</td>
						<td>
							<div class="FieldErrorMsg">
								${requestScope.NewPasswordBErrorMsg}
							</div>
						</td>
					</tr>					
					<tr align='left'>
						<td></td>
						<td>
							<button type="submit">Submit</button>
						</td>
						<td>
							<div style="width: 250px;">
								<!-- Hidden Field to differentiate first load from submission -->
								<input type="hidden" name="IsSubmit" value="true">
							</div>
						</td>
					</tr>
				</table>
			</form>
		</center>
	</body>
</html>